
html,body{ font-size: 14px;box-sizing: border-box;font-family: 'microsoft yahei', "微软雅黑", SimSun, Verdana, Arial; }
a{ transition: all .1s; }
a,
a:hover,
a:focus{ text-decoration: none; }
ul,ol{ list-style: none; padding: 0; margin: 0; }
h1,h2,h3,h4,h5,p{ margin: 0; }
p{font-weight: 300;}
.container{ width: 1200px !important; min-width: 1200px;padding: 0}
.row { margin:0; }
.container-fluid {padding: 0}

/*导航*/
/*顶部文字*/
.banner-text { width: 100%;background-color:#F5F5F5;box-sizing: border-box;padding: 5px 0}
.banner-text .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.banner-text-left { width: 40%;font-size: 14px;color:#D8101D }
.banner-text-right img { width: 20px;vertical-align: middle;margin-bottom: 2px}
.banner-text-right span:last-child {color: #EC671E}
/*logo*/
.banner-logo {padding: 15px 0}
.banner-logo img {width: 45em}
/*菜单*/
.menu-list {background-color: #D8101D;width: 100%}
.menu-list .nav-item {padding: 10px;width: calc(100% / 7);text-align: center}
.menu-list .nav-item a {font-size: 20px;color: #fff}
.menu-list .nav-item:hover {background-color: black}
.menu-list .nav-item .dropdown-menu {position: absolute;top: 0; left: 0; box-sizing: border-box;padding: 0px;width: 100%;transform: translate(0px, 64px)!important;
    border-radius: 0;border: 0px}
.menu-list .nav-item  .dropdown-menu a {font-size: 20px;color: #000}
.menu-list .nav-item .dropdown-menu .dropdown-item {box-sizing: border-box;padding: 10px 10px;font-size: 20px;text-align: center}
.menu-list .nav-item .dropdown-menu .dropdown-item:hover {background-color: black;color: #fff}
.menu-list .active {background-color: black}
.dropdown:hover .dropdown-menu {
    display: block;
}
/* 通用标题 */
.info-title {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.info-title h2 {font-weight: bold;}
.info-title-img {box-sizing: border-box;margin: 0 10px;}
.info-title-des {color: #696969;box-sizing: border-box;margin-top: 20px;text-indent: 2rem;}
.info-title-detail-des {color: #696969;box-sizing: border-box;margin-top: 20px;text-align: center;}
/* 左侧标题 */
.info-title-left h2 {font-weight: bold;}
/*菜单下图片*/
.show-image-info {padding: 0;display: flex;justify-content: center;width: 100%;}
/*图片定位 padding*/
.show-image { width: 100%; padding-top: 22%;padding-bottom: 10px; background-size: 100% 100%; background-position: center; position: relative;display: flex;flex-wrap: wrap;
    justify-content: center;align-content: flex-end }
.show-image .show-image-btn { background-color: #ff0000; box-sizing: border-box;border-radius: 5px;color: #fff;font-size: 16px;border: 0px;cursor:pointer;
    text-align: center;padding: 10px 20px;}
/*.menu-info-item-down {position: absolute;color: #000;margin-top: 10px;box-sizing: border-box;padding: 10px}*/

/*信息安全等级划分*/
.information-grade-list {width: 100%;box-sizing: border-box;padding: 0 0 40px 0;padding-top: 0}
.information-grade-list .container { padding: 0 }
.information-grade {width: 100%;width: 100%; display: flex; justify-content: space-between;margin: 0}
.information-grade-info { width:32%;padding: 10px 10px ;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;margin-top: 26px;height: 180px;}
/*第一张图片*/
.information-grade-info .information-grade-info-logo {width: 100%;height: 100%}
.information-grade-info .information-grade-info-logo img {width: 100%;height: 100%}
/*左侧图片*/
.information-grade-info .information-grade-info-img {width: 30%}
.information-grade-info .information-grade-info-img img {width: 100%;height: 100%}
/*右侧文字介绍*/
.information-grade-info .information-grade-info-text {width: 65%;font-size: 16px;}

/* 等级保护评测依据 */
.basis-list { background-color: #F6F7FB;box-sizing: border-box;padding: 40px 0;}
.basis-info {width: 100%;box-sizing: border-box;;margin: 0;margin-top: 20px;cursor: pointer}
.basis-info-detail { border-left: 1px solid #D8101D;padding-left: 40px;box-sizing: border-box;}
.basis-info-detail-title {font-size: 16px;color: #6B7279;box-sizing: border-box;padding: 5px 0;}
/* 等级保护评测下图标+文字 */
.basis-info-down { width: 100%;display: flex;justify-content: left;box-sizing: border-box;align-items: center;margin-top: 30px;}
.basis-info-down-title {box-sizing: border-box;padding-left: 20px;}
.basis-info-down-title-info {color: red;font-weight: bold;}
.basis-info-down-title-des {color: #E1E1E3;font-weight: bold;}

/* 等级安全合规方案 */
.security-contant {width: 100%;box-sizing: border-box;padding: 40px 0;font-size: 16px}
.security-list {box-sizing: border-box;margin-top: 20px;width: 100%;display: flex;flex-wrap: wrap;justify-content: left;}
.security-list-left {width: 58%}
.security-list-right {width: 42%}
.security-title {box-sizing: border-box;display: flex;justify-content: left;background-color: #D8101D;color: #fff;font-size: 16px;padding: 10px 0;text-align: center;}
.security-list-left .security-title-first {width: 70%;}
.security-list-left .security-title-other {width: 30%;}
.security-list-right .security-title-other { width: calc(100% / 3)}
/*左侧内容*/
.security-detail-left { width: 100%;box-sizing: border-box}
.security-left-info {width: 100%;display: flex;flex-wrap: wrap;justify-content: left;align-items: center;background-color: #FAFAFA;box-sizing: border-box}
.security-left-info-title {width: 20%;text-align: center;}
.security-left-info-content {width: 80%;box-sizing: border-box;background-color: #fff;display: flex;flex-wrap: wrap;justify-content: left;align-items: center;
    flex-direction: column}
.security-left-info-content-list {width: 100%;display: flex;flex-wrap: wrap;justify-content: left;align-items: center;border-bottom: 1px solid #F5F5F6;
    box-sizing: border-box;height: 90px}
.security-left-des {width: 100%;}
.security-left-info-content .security-left-info-des {width: 62.5%;box-sizing: border-box;padding: 10px 10px;height: 90px;display: flex;justify-content: left;align-items: center}
.security-left-info-product {width: 37.5%;text-align: center;box-sizing: border-box;height: 90px;display: flex;justify-content: center;align-items: center}

/*右侧内容*/
.security-detail-right {width: 100%;display: flex;flex-wrap: wrap;justify-content: left}
.security-detail-right-info {width: calc(100% / 3)}
.security-detail-right-info:hover {margin-top: -15px;border:1px solid #000;margin-bottom: 15px;}
.security-detail-right-info:hover .security-title-other {background-color: black}
.security-detail-right-info:hover .security-btn {background-color: black}
.security-detail-right .active{margin-top: -15px;border:1px solid #000;margin-bottom: 15px;}
.security-detail-right .active .security-title-other {background-color: black}
.security-detail-right .active .security-btn {background-color: black}

.security-detail-info {width: 100%;height: 90px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #F5F5F6;padding: 10px 10px;}
.security-detail-info:last-child {border-bottom: 0 }
.security-detail-info .security-btn{background-color: rgb(216, 16, 29);width:100px;height: 40px;display: flex;justify-content: center;align-items: center;
    color: #fff;border-radius: 5px}
.form-check-input:checked {background-color: #616161;border-color:#616161}
.form-check-input{border-color:#616161}
.security-detail-right-info .security-title-other {width: 100%;background-color: #D8101D;font-size: 16px;padding:10px 0;color: #fff;text-align: center}

/*成功客户案例*/
.customer-cases {width: 100%;background-color: #F6F7FB;box-sizing: border-box;padding: 40px 0}
.customer-cases-list {width: 100%;background-color: #fff;box-sizing: border-box;margin: 0 ;margin-top: 20px}
.customer-cases-info {box-sizing: border-box}
.customer-cases-info img {width: 100%}
.government-industry {width: 100%;background-color: #fff;display: flex;flex-wrap: wrap;justify-content: left;box-sizing: border-box;margin-top: 40px;padding: 20px}
.government-industry-left {width: 30px;background-color:#696969;text-align: center;color: #fff;font-size: 16px;box-sizing: border-box;padding: 5px}
.government-industry-right {width: calc(100% - 50px);box-sizing: border-box;margin-left: 20px;display: flex;flex-wrap: wrap;justify-content: left;align-items: center}
.government-industry-right-info {box-sizing: border-box;padding: 5px 10px;color: #565555;font-size: 16px;width: calc(100% / 8);cursor:pointer}

/*等保合规服务流程*/
.service-process-top {width: 100%;background-color: #D8101D;box-sizing: border-box;padding: 40px 0}
.service-process-top .service-process-top-title {color: #fff;font-weight: bold;width: 100%;text-align: center}
.service-process-top .service-process-top-title h2 {font-weight: bold}
.service-process-top-contant {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px}
.service-process-top-info {width: calc(100% / 5)}
.service-process-top-info-progress {display: flex;flex-wrap: wrap;justify-content: left;width: 100%;box-sizing: border-box;align-items: center}
.service-process-top-info-progress-left { width: 30px;height: 30px;border-radius: 100%;background-color: #e5e5e5 }
.service-process-top-info-progress-right { width: calc(100% - 30px)}
.service-process-top-info-progress-right .progress {border-radius: 0;height: 6px}
.service-process-top-info-progress-right .progress .progress-bar {background-color: #e5e5e5}
.service-process-top-info-img {margin-top: 20px}
.service-process-top-info-img img {width: 20%}

.service-process-down {width: 100%;box-sizing: border-box;padding: 40px 0}
.service-process-down-contant {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between}
.service-process-down-info {width: calc(100% / 5);box-sizing: border-box;padding-right: 20px}
.service-process-down-info-title {font-weight: bold;font-size: 16px}
.service-process-down-info-des { margin-top: 10px;color: rgb(61, 61, 61);line-height:22px }

/*等保测评常见问题*/
.asked-question {background-color: #F6F7FB;width: 100%;padding: 40px 0}

.asked-list {width: 100%;margin: 0;padding: 20px 0 60px 0;}
.asked-info { width: calc(100% / 3 - 30px ) ;box-sizing: border-box;padding: 0;border-bottom: 1px dashed #c9c9c9;font-size: 16px;color: #7f7f7f;
    box-sizing: border-box;padding: 10px 0;margin-right: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.asked-info a {color: #7f7f7f}
.asked-info:last-child{ margin-right: 0}
.asked-info-text {width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.asked-info-img {width: 7%}
.asked-info-img img {width: 100%}

.question-list  {width: 100%;margin: 0;padding-top: 20px;padding-bottom: 20px; border-top: 1px solid #c9c9c9;align-items: center}
.question-info-title {font-size: 25px;color: #c3c3c3;line-height: 30px;text-transform: uppercase;width: 80%;box-sizing: border-box;padding-bottom: 20px}
.question-info-title-icon {box-sizing: border-box;padding-bottom: 20px}
.question-info-des {font-size: 24px;font-weight: bold; cursor: pointer;box-sizing: border-box;padding-bottom: 20px}
.question-info-list { padding-right: 20px}
.question-info-detail {justify-content: space-between}
.question-info-detail a { color:#7f7f7f }
.question-info-list-detail {border-bottom: 1px dashed #c9c9c9;font-size: 16px;color: #7f7f7f;box-sizing: border-box;padding: 10px 0;width: 48%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*等保流程*/
.insurance-process {width: 100%;box-sizing: border-box;padding: 40px 0}
.process-list {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between}
.process-left-info {width: 120px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: center;text-align: center;
    box-shadow: 2px 2px 3px #DEDEDE;}
.process-left-info-detail {box-sizing: border-box;padding: 10px 15px;font-size:16px;font-weight: bold;cursor:pointer}
.process-left-info-detail:first-child {color: #D8101D;font-weight: bold}
.process-left-info .active {background-color:#D8101D;color: #fff;border-radius: 5px }
.process-right-info {width: calc(100% - 120px);box-sizing: border-box;padding: 0px 30px}
.process-right-top {box-sizing: border-box;padding: 10px 0;display: flex;flex-wrap: wrap;justify-content: space-between}
.process-right-top-title {font-size: 28px;font-weight: bold}
.process-right-top-nav {display: flex;flex-wrap: wrap;justify-content: space-between}
.process-right-top-nav-info {font-size: 16px;padding: 10px 10px;border-left: 1px solid #EEEEEE;cursor:pointer}
.process-right-top-nav-info:last-child {border-right: 1px solid #EEEEEE}
.process-right-top-nav .active {background-color: #D8101D;color:#fff}
.process-right-content {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;box-shadow: 2px 2px 5px #888888;padding: 20px 40px}
.process-right-content-img {box-sizing: border-box;padding-right: 30px;border-right: 1px solid #DADADA;width: 15%}
.process-right-content-img img {width: 100px;height: 100px}
.process-right-content-img img:hover{animation: jump;animation-duration: 1.5s}
.process-right-content-img-text {text-align: center;margin-top: 40px;font-size: 18px;font-weight: bold}
@keyframes jump {
    0% {
        transform: translate(0px,0px);
    }
    50% {
        transform: translate(0px,-10px);
    }
    100% {
        transform: translate(0px,0px);
    }
}
.process-right-content-info {width: 85%;box-sizing: border-box;padding-left: 40px}
.process-right-content-menu {display: flex;flex-wrap: wrap;justify-content: left;padding: 5px 10px;align-items: center}
.process-right-content-menu-title {background-color: #D8101D;color: #fff;padding: 10px 10px;border-radius: 5px;margin-right: 20px;width: 136px;text-align: center;cursor:pointer}
.process-right-content-menu-des {font-size: 16px;width: calc(100% - 156px)}
.process-down-content { margin-top: 40px;text-indent: 2rem;font-size: 16px}

/*等级安全合规方案*/
.dengjianquan {width: 100%;padding: 40px 0;font-size: 16px }
.new-insurance-contetn {width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;border-bottom: 1px solid #FAFAFA}
.insurance-contetn-one {width: 20%;height: auto;background-color: #FAFAFA;border-bottom: 1px solid #FAFAFA;border-right: 1px solid #FAFAFA;box-sizing: border-box;
    display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.insurance-contetn-two {width: 55%;border-bottom: 1px solid #FAFAFA;border-right: 1px solid #FAFAFA;padding: 20px 10px;box-sizing: border-box;}
.insurance-contetn-two-detail {box-sizing: border-box;margin-top: 5px;}
.insurance-contetn-three {width: 25%;border-bottom: 1px solid #FAFAFA;border-right: 1px solid #FAFAFA;padding: 10px 10px;box-sizing: border-box;display: flex;
    flex-wrap: wrap;justify-content: center;align-items: center;}
.news-right-search-list {box-sizing: border-box;padding: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #fff!important;}
.news-right-search-list-input {width: calc(100% - 55px);font-size: 16px;}
.news-right-search-list-input input {width: 100%;height: 40px;border: 1px solid #E0E0E0;border-radius: 5px;box-sizing: border-box;padding: 10px;font-size: 16px;}
.news-right-search-list-input input:focus {outline: none;border: 1px solid #E1E1E1;border-radius: 5px;box-sizing: border-box;padding-right: 5px;height: 40px;padding: 10px;}
.news-right-search-input {width: 100%;}
.news-right-search-list-btn {padding: 5px 10px;background-color: #D8101D;color: #fff;border-radius: 5px;box-sizing: border-box;border: 0;font-size: 16px;height: 39px;
    font-weight: bold;cursor:pointer}
.dengjianquan .left-content .first-list {width: 100%;height: 45px;background-color: #D8101D;color: #fff;text-align: center;line-height: 45px;font-size: 16px}
.dengjianquan  .left-content .first-list .keyword-content {width: 70%;height: 45px;float: left}
.dengjianquan  .left-content .first-list .safe-product {width: 30%;height: 45px;float: right}

/* 产品优势 */
.product-advantages {width: 100%;padding: 40px 0;box-sizing: border-box;background-color: #F6F7FB;}
.product-advantages-list {width: 100%;padding: 100px 0 40px 0;}
.product-advantages-info {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;}
.product-advantages-img {width: 80px;height: 80px;}
.product-advantages-img img {width: 100%;height: 100%;margin: 0 auto;}
.product-advantages-detail {width: 100%;box-sizing: border-box;padding: 0 20px;margin-top: 40px;}
.product-advantages-title {font-weight: 16px;font-weight: bold;}
.product-advantages-des {font-size: 14px;color: #ABABAB;text-align: left;text-indent: 2rem;}

/* 产品功能 */
.features {width: 100%;box-sizing: border-box;padding: 40px 0;}
.features-title {font-size: 16px;font-weight: bold;margin-top: 40px;}
.features-list { width: 100%;}
.features-info {border-left: 2px solid #FF6A00;padding: 10px 20px;margin-top: 30px;display: flex;flex-wrap: wrap;align-items: center;}
.features-info-title {font-weight: bold;width: 100%;}
.features-info-des {margin-top: 10px;}

/* 云上等保合规架构 */
.compliance-architecture {width: 100%;padding: 40px 0;}
.architecture-title h2{font-weight: bold;}
.architecture-des {color: #696969;margin-top: 20px;text-indent: 2rem;}
.architecture-img {width: 100%;margin-top: 20px;}
.architecture-img img {width: 100%;height: auto;}


/* 企业简介 */
.company-profile {width: 100%;padding: 40px 0}
.profile-list {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.profile-left {width: 60%;box-sizing: border-box;padding-right: 10px;}
.profile-left-des {margin-top: 20px;text-indent: 2rem;}
.profile-right {width: 40%;}
.profile-left-user {margin-top: 20px;}
.profile-left-detail-des{margin-top: 20px;}
.profile-right-img {width: 100%;}
.profile-right-img img  {width: 100%;height: auto;}

/* 软件测评 */
.software-evaluation {width: 100%;background-color: #F6F7FB;padding: 40px 0}
.software-top {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.software-top-left {width: 45%;}
.software-top-datail {width: 100%;box-shadow: 2px 2px 2px 2px #888888;border-radius: 5px;}
.software-top-datail-title {padding: 20px 20px;box-sizing: border-box;background-color: #FDC97B;display: flex;flex-wrap: wrap;justify-content: space-between;
    align-items: center;}
.software-top-datail-left {width: 40%;}
.software-top-datail-left h2 {font-weight: bold;}
.software-top-datail-left-title {margin-top: 10px;font-weight: bold;}
.software-top-datail-right {width: 20%;}
.software-top-datail-right img {width: 100%;height: auto;}
.software-top-datail-des-list {width: 100%;box-sizing: border-box;padding: 10px 10px;}
.software-top-datail-des-info {display: flex;flex-wrap: wrap;justify-self: left;align-items: center;margin-top: 20px;}
.software-top-datail-des-img {width: 15%;}
.software-top-datail-des-img img {width: 100%;}
.software-top-datail-des-title {width: 80%;margin-left: 10px;}
.software-down-datail {width: 100%;margin-top: 20px;box-shadow: 1px 1px 1px 1px #888888;padding-top: 20px;padding: 20px 20px;}
.software-down-input {margin-top: 10px;width: 100%;}
.software-down-datail-input {width: 100%;}
.software-down-btn {margin-top: 10px;display: flex;flex-wrap: wrap;justify-content: right;}
.software-down-datail-btn {border: 0;background-color: rgb(236, 104, 11);color: #fff;border-radius: 5px;padding: 8px 40px;}
.software-top-right {width: 53.5%;}
.carousel-control-prev-icon {color: #fff;}
.carousel-caption {color: #fff;width: 100%;left: 0;padding: 10px 0;bottom: 0;background-color: rgba(0, 0, 0, 0.8);}
/* 软件评测第二列 */
.service-content {width: 100%;padding: 40px 0;}
.service-content-des{width: 100%;text-align: center;color: #aaa;font-size: 16px;}
.service-content-title {width: 100%;text-align: center;margin-top: 10px;}
.service-content-title h2 {font-weight: bold;}
.service-content-list {display: flex;flex-wrap: wrap;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.service-content-info {width: calc(100%/5 - 40px);height: 250px;background-size: 100% 100%;background-repeat: no-repeat;margin-left: 10px;}
.service-content-info:first-child{margin-left: 0px;}
.service-content-info-title {margin-top: 14px;box-sizing: border-box;padding-left: 20px;color: #fff;font-weight: bold;}
.service-content-info-des-one {margin-top: 34px;box-sizing: border-box;padding-left: 55px;}
.service-content-info-des-two {margin-top: 15px;box-sizing: border-box;padding-left: 55px;}
.service-content-info-des-three {margin-top: 15px;box-sizing: border-box;padding-left: 55px;}
.service-content-info-des-four {margin-top: 15px;box-sizing: border-box;padding-left: 55px;}
.service-content-info-des-five {margin-top: 15px;box-sizing: border-box;padding-left: 55px;}
.service-content-info .other {margin-top: 16px}
.service-content-info .other-three {margin-top: 14px;margin-bottom: 2px}
.service-content-info .other-detail {margin-top: 35px}
.service-content-info .other-detail-down {margin-top: 18px}
.service-content-info .other-detail-down-two {margin-top: 16px}
/* 软件评测第三列 */
.test-dimension {width: 100%;background-color: #F6F7FB;padding: 40px 0}
.dimension-info {width: 100%;margin-top: 20px;}
.dimension-info img {width: 100%;}
.test-dimension-title-one {position: absolute;color: #fff;margin-top: 75px;margin-left: 118px}
.test-dimension-title-one h3 {font-weight: bold}
.test-dimension-btn-one {position: absolute;margin-left: 122px;color: #000;background-color: #fff;box-sizing: border-box;padding: 10px 15px;border-radius: 5px;
    margin-top: 115px}
.test-dimension-title-two {position: absolute;color: #fff;margin-top: 375px;margin-left: 118px}
.test-dimension-title-two h3 {font-weight: bold}
.test-dimension-btn-two {position: absolute;margin-left: 122px;color: #000;background-color: #fff;box-sizing: border-box;padding: 10px 15px;border-radius: 5px;
    margin-top: 415px}

/* 软件评测第四列 */
.advantage {width: 100%;padding: 40px 0}
.advantage-info {width: 100%;margin-top: 20px;}
.advantage-info img {width: 100%;}
/* 软件评测第五列 */
.test-process {width: 100%;background-color: #F6F7FB;padding: 40px 0}
.test-process-list {background-repeat: no-repeat;background-size: 100% 100%;height: 200px;margin-top: 20px;display: flex;flex-wrap: wrap;
    justify-content: space-between;width: 100%;}
.test-process-info {width: 17%;box-sizing: border-box;padding-top: 85px;}
.test-process-info-title {text-align: center;font-size: 16px;font-weight: bold;}
.test-process-info-des {text-align: center;}
/*等保整改*/
.security-table {width: 100%;padding: 40px 0}
.security-table-list {width: 100%;font-size: 16px}
.security-table-list tr {vertical-align: middle;text-align: center}
.security-table-list td {box-sizing: border-box;padding: 20px 10px}
/* 新闻中心 */
.news {width: 100%;padding: 40px 0}
.news-list {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between}
.left-news {width: 60%;}
.news-title {border-bottom: 1px solid #E1E1E1;font-weight: bold;font-size: 25px;color: red;line-height: 60px;}
.news-info {width: 100%}
.new-detail {width: 100%;box-sizing: border-box;padding: 10px 10px;border-bottom: 1px solid #E1E1E1;display: flex;flex-wrap: wrap;justify-content: left;align-items: center}
.news-detail-time {border: 1px solid #E1E1E1;color:#C8C8C8;padding: 20px;text-align: center;width: 15%}
.news-detail-time-year {font-size: 16px}
.news-detail-time-date {margin-top: 10px}
.news-detail-time-date h1 {font-weight: bold}
.news-detail-list {box-sizing: border-box;width: 85%;padding: 20px 0px 20px 40px;}
.news-detail-list hr {width: 20%;color: #000;margin-top: 20px}
.news-detail-list-title {width: 100%;}
.news-detail-list-title h2 {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-detail-list-btn {background-color: #D8101D;width: 25%;text-align: center;padding: 10px 20px;color: #fff;border-radius: 5px;margin-top: 20px}
.news-detail-list-btn a { color: #fff}
.right-news {width: 30%}
.search-info {width: 100%}
.search-info form {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center}
.search-info-input {width: 75%}
.search-info-input input {width: 100%}
.search-info-input input {width: 100%;height: 40px;border: 1px solid #E0E0E0;border-radius: 5px;box-sizing: border-box;padding: 10px;font-size: 16px;}
.search-info-input input:focus {outline: none;border: 1px solid #E1E1E1;border-radius: 5px;box-sizing: border-box;padding-right: 5px;height: 40px;padding: 10px;}
.search-info-btn {width: calc(25% - 10px);height:40px;cursor: pointer;text-align: center;display: flex;align-items: center;justify-content: center}
.search-info-btn button {width: 100%;height: 40px;padding: 5px 10px;background-color: #D8101D;color: #fff;border-radius: 5px;
    box-sizing: border-box;font-size: 16px;font-weight: bold;border: 0}
.news-column{width: 100%;box-sizing: border-box;background-color: #FAFAFA;padding: 20px 20px;margin-top: 20px}
.news-column-title {width: 100%;border-bottom: 1px solid #E1E1E1;padding-bottom: 10px}
.news-column-detail {width: 100%;border-bottom: 1px solid #E1E1E1;padding: 20px 0;color: #838383}
.news-column-detail a {color: #838383}
.news-segmentation {height: 40px}
.news-column-detail-des {margin-top: 10px}
.news-page {width: 100%;box-sizing: border-box;padding: 20px 10px;margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: center}
.page-item {margin: 0 10px;}
.page-item a {box-sizing: border-box;padding: 10px 20px;border-radius: 5px;font-size: 16px;color: black;border: 1px solid darkgray}
.pagination .unactive a {background-color: #F3F3F3;color: #000}
.pagination .active a{background-color: #D8101D;border: 0}
.pagination .active {}
/*新闻内容*/
.newscontent {width: 100%;box-sizing: border-box;padding: 40px 0}
.newscontent-list {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between}
.newscontent-left {width: 60%;}
.newscontent-left-time {color: #C6C6C6;margin-top: 20px}
.newscontent-left-content {width: 100%;margin-top: 40px;border-bottom: 1px solid #BCBCBC;padding-bottom: 40px}
.newscontent-list-page {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 20px 0px}
.newscontent-list-page a {color: #000}
.newscontent-list-page-left {width: 40%;}
.newscontent-list-page-right{width: 40%;}
.newscontent-list-page-content {width: 100%}
.newscontent-list-page-content-title {width: 100%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px}
.newscontent-list-page-content-down {width: 100%;display: flex;flex-wrap: wrap;justify-content: left;padding: 20px 0}
.newscontent-list-page-content-down-time{margin-left: 20px;color: #C6C6C6}
/* footer */
footer{ background: #252525; color: white; }
.footer-flex{ padding: 20px 0; color: #898989; display: flex; justify-content: space-between; }
.copyright span{ margin-right: 10px; }
.copyright span a {color: #898989}
.footer-divider{ background-color: white; margin: 0; }
.footer-hot{ padding-top: 10px; }
.footer-hot-item{ margin-top: 10px; line-height: 30px; padding-left: 90px; position: relative; }
.footer-hot-item > label{ position: absolute; left: 0; top: 0; font-size: 16px; }
.footer-hot-item > a{ color: white; margin-right: 20px; font-weight: normal; }
.footer-hot-item > a:hover{color: #eb6100;}
.footer-push{ padding: 50px 0; display: flex; justify-content: space-between; }
.footer-push-item{ display: flex; align-items: center; }
.footer-push-item h4, .footer-push-item p{ margin: 0; color: white;}
.footer-push-item h4{ font-size: 18px; margin-bottom: 5px; }
.footer-push-icon{ width: 42px; margin-right: 15px; }
.footer-content{ padding: 50px 0; }
.footer-nav{ display: flex; justify-content: flex-start; }
.footer-nav-item{ margin-right: 70px; }
.footer-nav-item h4{ font-weight: bold; color: white; font-size: 18px; margin-bottom: 15px; }
.footer-nav-item a{ display: block; color: white; line-height: 30px; }
.footer-nav-item a:hover{ color: #eb6100; }
.footer-contact{ border-left: solid 1px #929292; padding-left: 30px; margin-left: -15px; }
.footer-contact-item{ margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 20px; word-break:break-all; }
.footer-contact-icon{ width: 16px; position: absolute; left: 0; top: 2px; }
.footer-contact-item b{ font-size: 16px; }
.footer-codes{ display: flex; justify-content: flex-end; }
.footer-codes-item{ text-align: center; margin-right: 15px; }
.footer-codes-src{ background-color: white; width: 108px; height: 108px; }
.footer-codes-item p{ margin-top: 10px; margin-bottom: 0; font-size: 16px; }
/* 底部横幅 */
.down-streamer {width: 100%;position: fixed;z-index: 999;bottom: 0;}
.down-streamer img {width: 100%;height: 100%;}
.down-image {width: 100%;height: 100%;position: fixed;z-index: 999;bottom: 0;}

/*弹出框*/
.popup {position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);display: flex;justify-content: center;overflow: hidden;transition: all 5s ease-out;}
.popup .popup-info {margin: 0 auto;width: 300px;height: 350px;background-color: #fff;margin-top: 13%;border-radius: 5px;animation-name: bounceIn;animation-duration: 0.8s;animation-fill-mode: both;animation-timing-function: ease-out;}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
/* 等保新别表 */
.new-forms {
    width:100%
}
.new-forms table {
    font-size: 16px!important;
    font-weight: 200!important;
}
.new-forms table tr>th {
    padding: 20px 10px;
    font-size: 16px;
}
.new-forms table tr>td {
    padding: 20px 10px;
    vertical-align: middle;
    color: #000!important;
    font-weight: 500!important;
    line-height: 1.3;
}
.new-forms-title {
    text-align: center;
    font-weight: bold;
}

/* 新页面 2024年10月24日10:43:48*/
/* 图片墙 */
.photos-list {width: 100%;box-sizing: border-box;padding: 40px 0;}
.photos-list .container { padding: 0 }
.photos-images {justify-content: center;align-items: center;text-align: center;}
.photos-info img {width: 100%;}
.photos-title {font-size: 16px;color: #7A7A7A;}
/* 专注测评领域 守护网络安全  */
.focusing-list {width: 100%;box-sizing: border-box;padding: 0 0 40px 0;padding-top: 40px;}
/* background-image: url('../image/icon/bg.jpg');background-size: 100% 100%; */
.focusing-list .container { padding: 0 }
.focusing-title h2{font-weight: bold;}
.divider{width: 64px;border-top: 4px solid #8B0000;margin-top: 20px;}
.focusing-title-des p {color: #7A7A7A;width: 48%;margin-top: 10px;line-height: 1.7;font-size: 16px;font-weight: 400;}
.focusing-info {width: 100%;margin-top: 50px;}
.focusing-list-icon {margin-top: 40px;}
.focusing-info-icon {margin-bottom: 15px;}
.focusing-info-icon img {width: 50px;height: 50px;}
.focusing-info-title {margin-bottom: 10px;}
.focusing-info-title h5{font-weight: bold;}
.focusing-info-detail p{line-height: 1.7;font-size: 16px;color:#7A7A7A;font-weight: 400;}

/* 新闻页（新） */
.news-content { width: 100%;padding: 55px 0;box-sizing: border-box; }
.news-content-list { width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-content-left { width: 800px; }
.news-content-left a { width: 100%; }
.news-content-leftinfotop {width: 100%;height: 196px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-top: 1px solid #e5e5e5;
                           border-bottom: 1px solid #e5e5e5;}
.news-content-leftinfotop-img {width: 220px;height: 140px;}
.news-content-leftinfotop-img img {width: 100%;height: 100%;}
.news-content-leftinfotoptext {width: 560px;}
.news-content-leftinfotoptext-title {width: 100%;height: 40px;font-size: 20px;color: #333;line-height: 40px;font-weight: 600;}
.news-content-leftinfotoptext-subtitle {margin-top: 5px;}
.news-content-leftinfotoptext-subtitle span { box-sizing: border-box;padding: 0 7px;border: 1px solid #e5e5e5;height: 18px;margin-right: 6px;font-size:12px;color: #4c4c4c;}
.news-content-leftinfotoptext-des { margin-top: 10px;width: 100%;height: 50px;font-size: 14px;line-height: 22px;color: #666; overflow: hidden;text-overflow: ellipsis;
                                    max-height: 44px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-content-leftinfotoptext-time { margin-top: 10px;width: 100%;background: url(../img/time_ico.png) left center no-repeat;font-size: 12px;height: 34px;line-height: 34px;
                                    color: #999;box-sizing: border-box;padding-left: 18px;}
.news-content-leftinfotoptext-time span {width: 220px;padding-left: 18px;background: url(../img/look.png) left center no-repeat;font-size: 12px;
                                        height: 20px;line-height: 20px;color: #999999;margin-left: 20px;}
.news-content-leftinfo { width: 100%;height: 170px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;padding: 20px 0;}
.news-content-right { width: 340px; }
.news-contentright-contactus{width: 100%;padding: 7px 18px;box-shadow: 0 0 24px rgba(12, 49, 113, 0.2);height: 280px;background: url(../img/ax.jpg) center bottom no-repeat;
                                border-radius: 6px;overflow: hidden;cursor: pointer;}
.news-contactus-title {width: 100%;height: 58px;border-bottom: 1px solid #dee1e8;margin-bottom: 15px;display: flex;flex-wrap: wrap;
                        justify-content: space-between;align-items: center;}
.news-contactus-titleleft {width: 50%;text-align: left;font-size: 18px;color: #000;font-weight: 600;}
.news-contactus-titleright {width: 50%;text-align: right;}
.news-contactus-titleright a {font-size: 12px;color: #84858a;}
.news-contactus-phone {width: 100%;background: url('../img/tel_ico.png') left center no-repeat;padding-left: 25px;font-size: 15px;color: #4c4c4c;
                        margin: 8px 0;overflow: hidden;display: flex;align-items: center;}
.news-contactus-phone-num {color: #ff9d00;font-size: 18px;margin: 8px 0;font-weight:700;}
.news-contactus-email{background: url('../img/mail_ico.png') left center no-repeat;padding-left: 25px;font-size: 15px;color: #4c4c4c;margin: 8px 0;display: flex;align-items: center;}
.news-contactus-worktime{margin-top: 20px;padding-left:25px;background: url('../img/date_ico.png') left 3px no-repeat;}
.news-contactus-btn {margin-top: 15px;}
.news-contactus-btn button { width: 98px;height: 30px;font-size: 14px;color: #D8101D;border: 1px solid #D8101D;border-radius: 5px;background-color: #fff;transition:  1s ;}
.news-contactus-btn button:hover {background-color: #D8101D;color: #fff; background-image: linear-gradient(to left, transparent 0%, #D8101D 100%);}
.news-contentright-list {margin-top: 20px;width: 100%;padding: 7px 18px;box-shadow: 0 0 24px rgba(12, 49, 113, 0.2);background-color: #fff;border-radius: 4px;
    overflow: hidden;cursor: pointer;}
.news-contentright-listname { font-size: 20px;height: 58px;border-bottom: 1px solid #dee1e8;margin-bottom: 15px;line-height: 58px;font-weight: 600;}
.news-contentright-listul ul>li {width: 100%;list-style: none;position: relative;padding-left: 20px;margin: 15px 0;}
.news-contentright-listul ul>li a { color: #000;font-size: 14px;}
.news-contentright-listul ul>li::before {content: '';position: absolute;left: 0;top: 10px;transform: translateY(-50%);width: 6px; height: 6px;
                                            background-color: #D8101D;border-radius: 50%;}
.news-contentright-advice { margin-top: 20px;width: 100%;padding: 7px 18px;box-shadow: 0 0 24px rgba(12, 49, 113, 0.2);background-color: #fff;border-radius: 4px;overflow: hidden;}
.news-contactus-advice {  width: 100%;height: 58px;border-bottom: 1px solid #dee1e8;margin-bottom: 15px;overflow: hidden;display: flex;align-items: center; }
.news-advice-titleleft {width: 50%;height: 58px;text-align: left;font-size: 20px;color: #000;line-height: 58px;}
.news-advice-titleright {width: 50%;height: 58px;text-align: right;}
.news-advice-titleright  a {width: 100%;height: 58px;color:#84858a;font-size: 12px;line-height: 58px;}
.news-advice-list {padding-top: 5px;width: 100%;}
.news-adviceinfo {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 20px;}
.news-adviceinfo-img {width: 90px;height: 66px;}
.news-adviceinfo-img img {width: 100%;height: 100%;}
.news-adviceinfo-content {width: calc(100% - 100px);}
.news-adviceinfo-content-title {font-size: 15px;color: #1a1a1a;font-weight: bold;}
.news-adviceinfo-content-des { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis; }
.paginationInfo {width: 100%;margin-top: 40px;display: flex;justify-content: center;}
.news-content-leftinfotop:hover .news-content-leftinfotoptext-title{
    color:#D8101D
}
.news-content-leftinfo:hover .news-content-leftinfotoptext-title{
    color:#D8101D
}
.news-contentright-listul ul>li:hover a {
    color:#D8101D
}
/* 新尾部 */
.footer-hot-item-list {
    display: flex;flex-wrap: wrap;justify-content: left;text-align: left;
}
.footer-hot-item-list .footer-hot-item-info {
    margin-right: 8px;
}
.footer-hot-item-list .footer-hot-item-info a {
    color: #fff;
}
.footer-hot-item-list .footer-hot-item-info a:hover {
    color: #eb6100;
}
.footer-hot-item-list .footer-hot-item-info a div {
    width:115px;
}

/* 新加密码测评 */
.table .thead-red th {
    color: #fff;
    background-color: #D8101D;
}
